<template>
  <div class="definite">
    <u-navbar
      :is-back="true"
      :custom-back="BackM"
      title="添加员工"
      back-text=""
    >
    </u-navbar>
    <div class="em_message">
      <div class="em_me">·员工账号信息·</div>
    </div>
    <div class="em_message">
      <span class="em_name em">员工姓名：</span>
      <input
        class="name em"
        type="text"
        name="请输入员工姓名"
        placeholder="请输入员工姓名"
      />
    </div>
    <div class="em_message">
      <span class="em_phone em">员工手机号：</span>
      <input
        class="phone em"
        type="text"
        placeholder="该手机号讲作为员工的登录账号"
      />
    </div>
    <div class="em_message" style="margin-top: 0.3rem">
      <span class="em_me">·员工是否享受剩余分润(除去商户)·</span>
      <span>
        <img class="em_img" src="../../../style/image/my/A30.png" alt="" />
      </span>
    </div>
    <div class="des">
      注：当前设置为否，您设置的员工铺货最高分润比例，扣除商户的分润，剩余部分将自动计算到您的账号
    </div>
    <div class="em_message" style="margin-top: 0.3rem">
      <span class="em_me">·员工铺货可设置最高分润·</span>
    </div>
    <div class="em_message">
      <span class="em_name em">分润比例(%)：</span>
      <input
        class="em me"
        type="text"
        placeholder="员工最高可给商户设置的分润"
      />
    </div>
    <div class="des">
      注：员工若设置分润值要低于自己；如果员工无分润，扣除商户，剩余部分将计算给您的账户。
    </div>
    <div class="em_message" style="margin-top: 0.3rem">
      <span class="em_me">·员工是否有提现权限·</span>
      <span>
        <img class="em_img" src="../../../style/image/my/A30.png" alt="" />
      </span>
    </div>
    <div class="des">
      注：当前设置为否，员工无提现权限，员工分润将会保存在平台，可在员工列表中开启员工提现。
    </div>
    <div style="height: 5.47rem; background: #ffffff; margin-top: 0.3rem"></div>
    <button class="sure">确认保存</button>
  </div>
</template>

<script lang='ts' >
import { Component, Prop, Vue, Watch, Emit } from "vue-property-decorator";

@Component({
  //   @Component  是一个装修器   不可以在下面写语句
  name: "test",
})
export default class extends Vue {
  @Prop({
    type: String, // 父组件传递给子组件的数据类型
    required: false, // 是否必填
    default: " ", // 默认值， 如果传入的是 Object，则要 default: ()=>({}) 参数为函数
  })
  msg!: string;

  created() {}

  mounted() {
    //  console.log('父组件传递的参数:',this.$parent)   //暂时不考虑
    //  uni.navigateTo({
    // url: './selectBusin'
    // });
  }
}
</script>

<style  scoped>
.definite {
  font-family: PingFang SC;
  background: #f3f5f7;
  height: 100%;
}
uni-page-body {
  height: 100%;
}
.em_message {
  height: 1rem;
  background: #ffffff;
  padding: 0.7rem 0.4rem;
  border-bottom: 0.04rem #ffe5e5e5 solid;
}
.em_me {
  font-size: 0.78rem;
  font-weight: 500;
  color: #000000;
}
.em {
  float: left;
  font-size: 0.7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #000000;
  letter-spacing: 0.05rem;
}
.me {
  width: 13rem;
  color: #999999;
}
.name {
  width: 13rem;
  padding-left: 1.5rem;
  color: #999999;
}
.phone {
  width: 13rem;
  color: #999999;
  padding-left: 0.7rem;
}
.em_img {
  float: right;
  width: 3rem;
  height: 1.3rem;
}
.des {
  font-size: 0.6rem;
  font-weight: 400;
  color: #000000;
  background: #ffffff;
  padding: 0.4rem;
}
.sure {
  height: 2.5rem;
  line-height: 2.5rem;
  color: #ffffff;
  background: #02af74;
  border-radius: 0;
  cursor: pointer;
}
uni-button:after {
  border-radius: 0;
}
</style>